<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">

<head>

    <%@include file="common/head.jsp" %>

</head>

<body>

<!-- Top menu -->
<%@include file="common/header.jsp" %>

<!-- Presentation -->
<div class="presentation-container">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 wow fadeInLeftBig">
                <h1>This is <span class="colored-text">404</span>, 资源未找到 <a href="/login"><span class="colored-text">重新登录</span></a></h1>
            </div>
        </div>
    </div>
</div>

<!-- Latest work -->
<div class="work-container">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 work-title wow fadeIn">
                <h2>Latest Release</h2>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-3">
                <div class="work wow fadeInUp">
                    <img src="/resources/assets/img/portfolio/work1.jpg" alt="Lorem Website"
                         data-at2x="/resources/assets/img/portfolio/work1.jpg">
                    <h3>Lorem Website</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor...</p>
                    <div class="work-bottom">
                        <a class="big-link-2" href="portfolio.html"><span class="icon_link"></span></a>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="work wow fadeInDown">
                    <img src="/resources/assets/img/portfolio/work2.jpg" alt="Ipsum Logo"
                         data-at2x="/resources/assets/img/portfolio/work2.jpg">
                    <h3>Ipsum Logo</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor...</p>
                    <div class="work-bottom">
                        <a class="big-link-2" href="portfolio.html"><span class="icon_link"></span></a>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="work wow fadeInUp">
                    <img src="/resources/assets/img/portfolio/work3.jpg" alt="Dolor Prints"
                         data-at2x="/resources/assets/img/portfolio/work3.jpg">
                    <h3>Dolor Prints</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor...</p>
                    <div class="work-bottom">
                        <a class="big-link-2" href="portfolio.html"><span class="icon_link"></span></a>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="work wow fadeInDown">
                    <img src="/resources/assets/img/portfolio/work4.jpg" alt="Sit Amet Website"
                         data-at2x="/resources/assets/img/portfolio/work4.jpg">
                    <h3>Sit Amet Website</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor...</p>
                    <div class="work-bottom">
                        <a class="big-link-2" href="portfolio.html"><span class="icon_link"></span></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Testimonials -->
<div class="testimonials-container">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 testimonials-title wow fadeIn">
                <h2>Testimonials</h2>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-10 testimonial-list wow fadeInLeft">
                <div role="tabpanel">
                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane fade in active" id="tab1">
                            <div class="testimonial-image">
                                <img src="/resources/assets/img/testimonials/1.jpg" alt=""
                                     data-at2x="/resources/assets/img/testimonials/1.jpg">
                            </div>
                            <div class="testimonial-text">
                                <p>
                                    "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
                                    incididunt ut labore et. Lorem ipsum dolor sit amet, consectetur adipisicing elit,
                                    sed do eiusmod tempor incididunt ut labore et. Lorem ipsum dolor sit amet,
                                    consectetur..."<br>
                                    <a href="#">Lorem Ipsum, dolor.co.uk</a>
                                </p>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="tab2">
                            <div class="testimonial-image">
                                <img src="/resources/assets/img/testimonials/2.jpg" alt=""
                                     data-at2x="/resources/assets/img/testimonials/2.jpg">
                            </div>
                            <div class="testimonial-text">
                                <p>
                                    "Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
                                    lobortis nisl ut aliquip ex ea commodo consequat. Ut wisi enim ad minim veniam, quis
                                    nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
                                    consequat..."<br>
                                    <a href="#">Minim Veniam, nostrud.com</a>
                                </p>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="tab3">
                            <div class="testimonial-image">
                                <img src="/resources/assets/img/testimonials/3.jpg" alt=""
                                     data-at2x="/resources/assets/img/testimonials/3.jpg">
                            </div>
                            <div class="testimonial-text">
                                <p>
                                    "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
                                    incididunt ut labore et. Lorem ipsum dolor sit amet, consectetur adipisicing elit,
                                    sed do eiusmod tempor incididunt ut labore et. Lorem ipsum dolor sit amet,
                                    consectetur..."<br>
                                    <a href="#">Lorem Ipsum, dolor.co.uk</a>
                                </p>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="tab4">
                            <div class="testimonial-image">
                                <img src="/resources/assets/img/testimonials/4.jpg" alt=""
                                     data-at2x="/resources/assets/img/testimonials/4.jpg">
                            </div>
                            <div class="testimonial-text">
                                <p>
                                    "Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
                                    lobortis nisl ut aliquip ex ea commodo consequat. Ut wisi enim ad minim veniam, quis
                                    nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
                                    consequat..."<br>
                                    <a href="#">Minim Veniam, nostrud.com</a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active">
                            <a href="#tab1" aria-controls="tab1" role="tab" data-toggle="tab"></a>
                        </li>
                        <li role="presentation">
                            <a href="#tab2" aria-controls="tab2" role="tab" data-toggle="tab"></a>
                        </li>
                        <li role="presentation">
                            <a href="#tab3" aria-controls="tab3" role="tab" data-toggle="tab"></a>
                        </li>
                        <li role="presentation">
                            <a href="#tab4" aria-controls="tab4" role="tab" data-toggle="tab"></a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-sm-2 testimonial-icon wow fadeInUp">
                <div>
                    <span aria-hidden="true" class="icon_pushpin"></span>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Footer -->
<%@include file="common/footer.jsp" %>

<!-- Javascript -->
<%@include file="common/scripts.jsp" %>

</body>

</html>